@import "~antd/lib/style/themes/default.less";

:global{
  .Enroll{
    .enroll-header{
      height: 72px;
      background: #0F71FF;
      border-bottom: 1px solid #0F71FF;
      box-shadow: 0 2px 11px 0 rgba(15,113,255,0.50);
      color: #fff;
      overflow: hidden;
      .head-portrait{
        padding: 18px 0 18px 16px;
        float: left;
        overflow: hidden;
        .head-portrait-con{
          float: left;
          width:34px;
          height: 34px;
          background: #FFFFFF;
          border: 1px solid #D9D9D9;
          border-radius:17px; 
          margin-right: 8px;
        }
        .head-portrait-text{
          float: right;
          position: relative;
          top: -4px;
        }
      }
      .head-portrait-register{
        float: right;
        margin: 28px;
      }
    }
    .enroll-main{
      background:  #F0F2F5;
      padding-top: 40px;
    }
    .enroll-content{
      width:680px;
      height: 374px;
      margin: 0 auto;
      background: #fff;
      border-radius: 8px;
      padding: 31px 0;
      .enroll-container{
        
        width: 100%;
        overflow: hidden;
        .enroll-category{
          height: 312px;
          width: 339px;
          float: left;
          text-align: center;
        }
      }
      .enroll-border{
        border-left: 1px dashed #e9e9e9;
      }
    }
    .enroll-dl{
      padding-top: 9px;
    }
    .enroll-text{
      font-size: 24px;
      color: #333333;
      letter-spacing: 0;
      line-height: 24px;
    }
    .enroll-img{
      margin: 40px 0 20px 0;
    }
    .enroll-btn{
      .ant-btn{
        width: 180px;
      }
    }
  }
}

